<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
    <title>多快好省，购物上京东！</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/sports.css">
    <link rel="stylesheet" href="css/classify.css">
    <link rel="stylesheet" href="css/miao_sha.css">
    <link rel="stylesheet" href="css/hot-classify.css">
    <link rel="stylesheet" href="css/hot-item.css">
    <link rel="stylesheet" href="css/footer.css">
    <script src="flexible.js"></script>
</head>
<body>
<header>
    <!-- FIXME: 设置固定 -->
    <div class="search-box">
        <a class="left-button">
            <img src="">
        </a>
        <div class="search">
            <i id="search-input-left-jd"></i>
            <i id="search-input-left-icon"></i>
            <input placeholder="小米手机">
        </div>
        <a class="login">登录</a>
    </div>
    <div class="banner-box">
        <div class="banner">
            <a><img src="https://m.360buyimg.com/mobilecms/s700x280_jfs/t1/188573/28/16665/94607/610bd583E5b8f1d66/03b657e52d514506.jpg!cr_1053x420_4_0!q70.jpg.dpg"></a>
            <a><img src="https://m.360buyimg.com/mobilecms/s700x280_jfs/t1/186793/33/16717/228034/61091599Ed7221a17/921cf9e936c4fea9.jpg!cr_1125x449_0_166!q70.jpg.dpg"></a>
            <a><img src="https://m.360buyimg.com/mobilecms/s700x280_jfs/t1/125288/10/8153/356996/5f220177E230a3320/14aabb936788fa13.jpg!cr_1125x449_0_166!q70.jpg.dpg"></a>
            <a><img src="https://imgcps.jd.com/ling4/10033801730978/5Lqs6YCJ5aW96LSn/5L2g5YC85b6X5oul5pyJ/p-5fb1f71ba031dc0afaf817d2/31e7915d/cr_1125x449_0_166/s/q70.jpg"></a>
            <a><img src="https://m.360buyimg.com/mobilecms/s700x280_jfs/t1/188573/28/16665/94607/610bd583E5b8f1d66/03b657e52d514506.jpg!cr_1053x420_4_0!q70.jpg.dpg"></a>
        </div>
        <ol>
            <li></li>
            <li class="current"></li>
            <li></li>
            <li></li>
        </ol>
    </div>
</header>

<div class="sports">
    <div class="left">
        <img src="https://m.360buyimg.com/mobilecms/jfs/t1/200937/35/235/185828/610b8dccE08dfd056/4d40ec61d99bbc34.jpg!q70.jpg">
        <p>满300减50</p>
    </div>
    <div class="center">
        <img class="first"
             src="https://m.360buyimg.com/mobilecms/jfs/t22405/349/2656972050/122018/85718c4a/5b5e9209Ndd32b30e.jpg!q70.jpg">
        <img class="second"
             src="https://m.360buyimg.com/mobilecms/jfs/t1/145177/2/9703/144738/5f737addE8a20905f/442c1f66eff4dce9.jpg!q70.jpg">
    </div>
    <div class="right">
        <img src="https://m.360buyimg.com/mobilecms/jfs/t1/184565/22/17494/44919/610a4daaEb86386a0/5e99b1f8ae0e15e1.png!q70.jpg">
        <p>低至5折</p>
    </div>
</div>

<div class="classify">
    <a>
        <img src="https://m.360buyimg.com/mobilecms/s120x120_jfs/t1/175540/24/19329/6842/60ec0b0aEf35f7384/ec560dbf9b82b90b.png.webp">
        <span>京东超市</span>
    </a>
    <a>
        <img src="https://m.360buyimg.com/mobilecms/s120x120_jfs/t1/178015/31/13828/6862/60ec0c04Ee2fd63ac/ccf74d805a059a44.png.webp">
        <span>数码电器</span>
    </a>
    <a>
        <img src="https://m.360buyimg.com/mobilecms/s120x120_jfs/t1/175540/24/19329/6842/60ec0b0aEf35f7384/ec560dbf9b82b90b.png.webp">
        <span>京东超市</span>
    </a>
    <a>
        <img src="https://m.360buyimg.com/mobilecms/s120x120_jfs/t1/178015/31/13828/6862/60ec0c04Ee2fd63ac/ccf74d805a059a44.png.webp">
        <span>数码电器</span>
    </a>
    <a>
        <img src="https://m.360buyimg.com/mobilecms/s120x120_jfs/t1/175540/24/19329/6842/60ec0b0aEf35f7384/ec560dbf9b82b90b.png.webp">
        <span>京东超市</span>
    </a>
    <a>
        <img src="https://m.360buyimg.com/mobilecms/s120x120_jfs/t1/178015/31/13828/6862/60ec0c04Ee2fd63ac/ccf74d805a059a44.png.webp">
        <span>数码电器</span>
    </a>
    <a>
        <img src="https://m.360buyimg.com/mobilecms/s120x120_jfs/t1/175540/24/19329/6842/60ec0b0aEf35f7384/ec560dbf9b82b90b.png.webp">
        <span>京东超市</span>
    </a>
    <a>
        <img src="https://m.360buyimg.com/mobilecms/s120x120_jfs/t1/178015/31/13828/6862/60ec0c04Ee2fd63ac/ccf74d805a059a44.png.webp">
        <span>数码电器</span>
    </a>
    <a>
        <img src="https://m.360buyimg.com/mobilecms/s120x120_jfs/t1/175540/24/19329/6842/60ec0b0aEf35f7384/ec560dbf9b82b90b.png.webp">
        <span>京东超市</span>
    </a>
    <a>
        <img src="https://m.360buyimg.com/mobilecms/s120x120_jfs/t1/178015/31/13828/6862/60ec0c04Ee2fd63ac/ccf74d805a059a44.png.webp">
        <span>数码电器</span>
    </a>
    <ol>
        <li class="current"></li>
        <li></li>
    </ol>
</div>

<div class="miao-sha">
    <div class="header">
        <a class="text-and-time">
            <p class="text">京东秒杀</p>
            <div class="hour">0</div>
            <div class="time">
                <p>04</p>
                <span class="separator">:</span>
                <p>41</p>
                <span class="separator">:</span>
                <p>50</p>
            </div>
        </a>
        <a class="more">更多秒杀<i></i></a>
    </div>
    <div class="things">
        <a>
            <img src="https://img11.360buyimg.com/n7/s150x150_jfs/t1/193154/22/4157/137791/60a6271eE31129fa8/7803977f518c1c36.jpg.dpg">
            <p class="new-price"><em>¥</em>180</p>
            <p class="old-price"><em>¥</em>200</p>
        </a>
        <a>
            <img src="https://img11.360buyimg.com/n7/s150x150_jfs/t1/182082/32/16167/202098/60ffb2e2Ee1419819/410c1136dba19bca.jpg.dpg">
            <p class="new-price"><em>¥</em>68</p>
            <p class="old-price"><em>¥</em>129</p>
        </a>
        <a>
            <img src="https://img11.360buyimg.com/n7/s150x150_jfs/t1/193154/22/4157/137791/60a6271eE31129fa8/7803977f518c1c36.jpg.dpg">
            <p class="new-price"><em>¥</em>180</p>
            <p class="old-price"><em>¥</em>200</p>
        </a>
        <a>
            <img src="https://img11.360buyimg.com/n7/s150x150_jfs/t1/182082/32/16167/202098/60ffb2e2Ee1419819/410c1136dba19bca.jpg.dpg">
            <p class="new-price"><em>¥</em>68</p>
            <p class="old-price"><em>¥</em>129</p>
        </a>
        <a>
            <img src="https://img11.360buyimg.com/n7/s150x150_jfs/t1/193154/22/4157/137791/60a6271eE31129fa8/7803977f518c1c36.jpg.dpg">
            <p class="new-price"><em>¥</em>180</p>
            <p class="old-price"><em>¥</em>200</p>
        </a>
        <a>
            <img src="https://img11.360buyimg.com/n7/s150x150_jfs/t1/182082/32/16167/202098/60ffb2e2Ee1419819/410c1136dba19bca.jpg.dpg">
            <p class="new-price"><em>¥</em>68</p>
            <p class="old-price"><em>¥</em>129</p>
        </a>
    </div>
</div>

<div class="hot-classify">
    <a class="two-img">
        <div class="header">
            <h3>经典童书</h3>
            <p>不容错过的好书</p>
        </div>
        <div class="img-box">
            <img src="https://m.360buyimg.com/mobilecms/s150x150_jfs/t1/114984/19/18336/299797/5f6954aaE39e8a263/0803c173afe85dff.jpg!q70.jpg.dpg">
            <img src="https://m.360buyimg.com/mobilecms/s150x150_jfs/t1/177151/21/1089/201451/60867702E60eeda30/2f3dfe37a265d9d1.jpg!q70.jpg.dpg">
        </div>
    </a>
    <a class="two-img">
        <div class="header">
            <h3>潮流男靴</h3>
            <p>时尚男靴</p>
        </div>
        <div class="img-box">
            <img src="https://m.360buyimg.com/mobilecms/s150x150_jfs/t1/166015/30/11688/202196/60433ec2E4f87c2ca/ab50fd7bfc0d2704.jpg!q70.jpg.dpg">
            <img src="https://m.360buyimg.com/mobilecms/s150x150_jfs/t1/144138/39/13471/126346/5fa38383E48deae4b/33709dafa2028feb.jpg!q70.jpg.dpg">
        </div>
    </a>
    <a class="one-img">
        <div class="header">
            <h3>益智启蒙</h3>
            <p>智力更出众</p>
        </div>
        <div>
            <img src="https://m.360buyimg.com/mobilecms/s150x150_jfs/t1/157048/19/2032/528449/5ff6654eE0b34f6b8/f4b9378553abc5fd.jpg!q70.jpg.dpg">
        </div>
    </a>
    <a class="one-img">
        <div class="header">
            <h3>程序员</h3>
            <p>装备必须牛</p>
        </div>
        <div>
            <img src="https://m.360buyimg.com/mobilecms/s150x150_jfs/t1/133292/21/12884/35002/5f8d5de2E930b2ef3/e217fcd319e7afea.jpg!q70.jpg.dpg">
        </div>
    </a>
    <a class="one-img">
        <div class="header">
            <h3>益智启蒙</h3>
            <p>智力更出众</p>
        </div>
        <div>
            <img src="https://m.360buyimg.com/mobilecms/s150x150_jfs/t1/157048/19/2032/528449/5ff6654eE0b34f6b8/f4b9378553abc5fd.jpg!q70.jpg.dpg">
        </div>
    </a>
    <a class="one-img">
        <div class="header">
            <h3>程序员</h3>
            <p>装备必须牛</p>
        </div>
        <div>
            <img src="https://m.360buyimg.com/mobilecms/s150x150_jfs/t1/133292/21/12884/35002/5f8d5de2E930b2ef3/e217fcd319e7afea.jpg!q70.jpg.dpg">
        </div>
    </a>
</div>

<div class="hot-item">
    <a>
        <img src="https://img12.360buyimg.com/mobilecms/s372x372_jfs/t1/178012/26/12226/92532/60dd618dE0f89d5cc/fd284f891d309271.jpg!q70.dpg.webp">
        <div class="description">
            <div class="zi-ying"></div>
            <p>银江 洗衣机底座适用美的/小天鹅/海尔/松下/西门子/小米滚筒波轮通用垫高脚架支架冰箱底座托架移动架 升级巨稳四脚霸王【固定款】预安装/不稳包退</p>
        </div>
        <div class="more">
            <span class="price"><span class="unit">¥</span>&nbsp;49.9</span>
            <p class="similar">看相似</p>
        </div>
    </a>
    <a>
        <img src="https://img10.360buyimg.com/mobilecms/s372x372_jfs/t1/178076/32/17406/257381/6108f659Ed245c792/3e250d6c3050d146.jpg!q70.dpg.webp">
        <div class="description">
            <div class="chao-shi"></div>
            <p>维德医疗一次性成人医用口罩50只/盒 无菌防尘防柳絮轻薄透气防沙尘暴飞沫挂耳式独立包装</p>
        </div>
        <div class="more">
            <p class="price"><span class="unit">¥</span>&nbsp;29</p>
            <p class="shan-gou">闪购<p/>
            <p class="similar">看相似</p>
        </div>
        <div class="plus">
            <p class="plus-price"><span class="unit">¥</span>&nbsp;26</p>
        </div>
    </a>
    <a>
        <img src="https://img12.360buyimg.com/mobilecms/s372x372_jfs/t1/178012/26/12226/92532/60dd618dE0f89d5cc/fd284f891d309271.jpg!q70.dpg.webp">
        <div class="description">
            <div class="zi-ying"></div>
            <p>银江 洗衣机底座适用美的/小天鹅/海尔/松下/西门子/小米滚筒波轮通用垫高脚架支架冰箱底座托架移动架 升级巨稳四脚霸王【固定款】预安装/不稳包退</p>
        </div>
        <div class="more">
            <span class="price"><span class="unit">¥</span>&nbsp;49.9</span>
            <p class="similar">看相似</p>
        </div>
    </a>
    <a>
        <img src="https://img10.360buyimg.com/mobilecms/s372x372_jfs/t1/178076/32/17406/257381/6108f659Ed245c792/3e250d6c3050d146.jpg!q70.dpg.webp">
        <div class="description">
            <div class="zi-ying"></div>
            <p>维德医疗一次性成人医用口罩50只/盒 无菌防尘防柳絮轻薄透气防沙尘暴飞沫挂耳式独立包装</p>
        </div>
        <div class="more">
            <span class="price"><span class="unit">¥</span>&nbsp;29</span>
            <p class="similar">看相似</p>
        </div>
    </a>
</div>

<footer>
    <a>
        <img src="https://img11.360buyimg.com/jdphoto/s130x100_jfs/t1/67550/26/12426/5094/5d9c4b13Eea435a3f/81328b0609c60a3c.png">
    </a>
    <a>
        <img src="https://img11.360buyimg.com/jdphoto/s130x100_jfs/t1/56507/6/12787/3168/5d9c4b12Ef363dd8d/4af32f42575509d8.png">
    </a>
    <a>
        <img src="https://img12.360buyimg.com/img/s130x100_jfs/t1/172403/26/9304/4002/609c87c2Ea19f3782/703bf62f6c17a032.png">
    </a>
    <a>
        <img src="https://img11.360buyimg.com/jdphoto/s130x100_jfs/t1/64954/4/12406/3529/5d9c4b12Ee7a82735/f2fe0a88bf344736.png">
    </a>
    <a>
        <img src="https://img11.360buyimg.com/jdphoto/s130x100_jfs/t1/68400/36/12368/3153/5d9c4b13E0e0d80a8/876c40f17d91ce44.png">
    </a>
</footer>

<!-- FIXME: 回到顶部 -->
</body>
</html>
